<template>
  <AppCard
    class="flex items-center px-12 h-60"
    border-b="1px solid light_border dark:dark_border"
    style="background: var(--primary-color)"
  >
    <div class="m-auto w-50% flex min-w-800">
      <div>
        <n-flex align="center">
          <Logo />
          <n-text class="ml--12 mr-20 text-30 color-#fff">
            易聘
          </n-text>
        </n-flex>
      </div>
      <div class="ml-20 flex items-center text-20">
        <n-flex :size="48">
          <a href="/seeker/resume" target="_blank" style="color: #eee">我的简历</a>
          <a href="/seeker/submission" target="_blank" style="color: #eee">我的投递</a>
          <a href="/seeker/collection" target="_blank" style="color: #eee">我的收藏</a>
          <a href="/seeker/following" target="_blank" style="color: #eee">我的关注</a>
        </n-flex>
      </div>
      <div class="ml-auto flex flex-shrink-0 items-center">
        <UserAvatar />
      </div>
    </div>
  </AppCard>
</template>

<script setup>
import UserAvatar from './UserAvatar.vue'
import Logo from './Logo.vue'
import { useAppStore } from '@/store'

const appStore = useAppStore()
</script>
